<template>
  <!-- 项目实施 - 8合同管理 -->
  <div class="contract-management">
    <el-tabs v-model="actIdx" @tab-click="handleClick">
      <el-tab-pane v-for="(i, idx) in tabList" :key="'tab'+idx" :label="i.l" :name="i.v">
        <contract :tabName="i.l"></contract>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import contract from './components/contractManagement/contract';
export default {
  name: "contractManagement",
  components: {contract},
  data() {
    return {
      actIdx: '0',
      tabList: [
        {v: '0', l: '收款合同'},
        {v: '1', l: '付款合同'}
      ]
    };
  },
  methods: {
    /**
     * @author Wrl
     * 切换 Tab
     */
    handleClick(tab, event) {
      
    }
    
  }
};
</script>

<style lang="scss" scoped>
  .contract-management {
    padding: 16px;
  }
</style>